@charset "utf-8";

/* 
  @名称: global
  @功能: 公用样式, 复用性较强的样式
*/

/* 清理浮动 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1; /* for IE6 IE7 */
}
.clear-both{
	clear: both;
}

/* 浮动左右, 设置内联, 减少浮动带来的bug */
.fl,.fr {
	display:inline;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

/*通用样式 宽度*/
.layout-1200{
	width: 1200px;
	margin: 0 auto;
}
.layout-full{
	width: 100%;
}

/* 隐藏、显示, 通常用来与 JS 配合 */
.hide {
	display:none;
}
.show {
	display:block;
}

/*焦点input*/
input:focus, textarea:focus {
    outline: none;
    border: 1px #5faee3 solid;
}

/* input  disabled背景*/
input.disabled{
    background-color: rgb(235, 235, 228);
}

/*兼容ie8的placeholder*/
.placeholder{
    color: #999;
}

/*鼠标手指*/
.pointer,
a {
    cursor : pointer;
}

/* 盒子模型 */
.mg-t5{margin-top:5px;}
.mg-t10{margin-top:10px;}
.mg-t15{margin-top:15px;}
.mg-t20{margin-top:20px;}
.mg-t25{margin-top:25px;}
.mg-t30{margin-top:30px;}
.mg-t35{margin-top:35px;}
.mg-t40{margin-top:40px;}
.mg-t45{margin-top:45px;}
.mg-b5{margin-bottom:5px;}
.mg-b10{margin-bottom:10px;}
.mg-b15{margin-bottom:15px;}
.mg-b20{margin-bottom:20px;}
.mg-b25{margin-bottom:25px;}
.mg-b30{margin-bottom:30px;}
.mg-b35{margin-bottom:35px;}
.mg-b40{margin-bottom:40px;}
.mg-b45{margin-bottom:45px;}
.mg-l5{margin-left:5px;}
.mg-l10{margin-left:10px;}
.mg-l15{margin-left:15px;}
.mg-l20{margin-left:20px;}
.mg-l25{margin-left:25px;}
.mg-l30{margin-left:30px;}
.mg-l35{margin-left:35px;}
.mg-l40{margin-left:40px;}
.mg-l45{margin-left:45px;}
.mg-r5{margin-right:5px;}
.mg-r10{margin-right:10px;}
.mg-r15{margin-right:15px;}
.mg-r20{margin-right:20px;}
.mg-r25{margin-right:25px;}
.mg-r30{margin-right:30px;}
.mg-r35{margin-right:35px;}
.mg-r40{margin-right:40px;}
.mg-r45{margin-right:45px;}
.pd-t5{padding-top:5px;}
.pd-t10{padding-top:10px;}
.pd-t15{padding-top:15px;}
.pd-t20{padding-top:20px;}
.pd-t25{padding-top:25px;}
.pd-t30{padding-top:30px;}
.pd-t35{padding-top:35px;}
.pd-t40{padding-top:40px;}
.pd-t45{padding-top:45px;}
.pd-b5{padding-bottom:5px;}
.pd-b10{padding-bottom:10px;}
.pd-b15{padding-bottom:15px;}
.pd-b20{padding-bottom:20px;}
.pd-b25{padding-bottom:25px;}
.pd-b30{padding-bottom:30px;}
.pd-b35{padding-bottom:35px;}
.pd-b40{padding-bottom:40px;}
.pd-b45{padding-bottom:45px;}
.pd-l5{padding-left:5px;}
.pd-l10{padding-left:10px;}
.pd-l15{padding-left:15px;}
.pd-l20{padding-left:20px;}
.pd-l25{padding-left:25px;}
.pd-l30{padding-left:30px;}
.pd-l35{padding-left:35px;}
.pd-l40{padding-left:40px;}
.pd-l45{padding-left:45px;}
.pd-r5{padding-right:5px;}
.pd-r10{padding-right:10px;}
.pd-r15{padding-right:15px;}
.pd-r20{padding-right:20px;}
.pd-r25{padding-right:25px;}
.pd-r30{padding-right:30px;}
.pd-r35{padding-right:35px;}
.pd-r40{padding-right:40px;}
.pd-r45{padding-right:45px;}


/* 字体设置 */
.font-yahei {/* 微软雅黑，IE6用黑体代替 */
    font-family: "Microsoft YaHei", SimHei, sans-serif;
    _font-family: SimHei, sans-serif;
}
.bold{font-weight:bold;}
.font-weight-normal{font-weight:normal;}

/* 字体大小 */
.font-px12{font-size: 12px;}
.font-px14{font-size: 14px;}
.font-px16{font-size: 16px;}
.font-px18{font-size: 18px;}
.font-px20{font-size: 20px;}
.font-px22{font-size: 22px;}
.font-px24{font-size: 24px;}
.font-px26{font-size: 26px;}
.font-px28{font-size: 28px;}

/*居中居左居右*/
.align-center{
    text-align: center;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-top{
    vertical-align: top;
}

/* 行间距   start */
.line-h30{line-height: 30px;}
.line-h40{line-height: 40px;}
.line-h150{line-height: 150%;}
.line-h180{line-height: 180%;}
/* 行间距   end */

/*强制换行*/
.word-break-all{
    word-break: break-all;
}

.inline-block {
    display: inline-block;
}

.positionRelative{
    position: relative;
}

/* 字体颜色、链接色 */
a:hover,
a:active{
	color: #3a6af0;
}
.color-fff {
	color:#fff;}
	a.white:link{color:#fff; text-decoration:none;} 
	a.white:visited{color:#fff; text-decoration:none;}
	a.white:hover{color:#fff; text-decoration:none;}
.color-333 {
	color:#333;}
	a.black-333:link{color:#333; text-decoration:none;}
	a.black-333:visited{color:#333; text-decoration:none;}
	a.black-333:hover{color:#333; text-decoration:none;}
.color-666 {
	color:#666;}
	a.black-666:link{color:#666; text-decoration:none;}
	a.black-666:visited{color:#666; text-decoration:none;}
	a.black-666:hover{color:#666; text-decoration:none;}
.color-888 {
	color:#888;}
	a.black-888:link{color:#888; text-decoration:none;}
	a.black-888:visited{color:#888; text-decoration:none;}
	a.black-888:hover{color:#888; text-decoration:none;}
.color-999 {
	color:#999;}
	a.black-999:link{color:#999; text-decoration:none;}
	a.black-999:visited{color:#999; text-decoration:none;}
	a.black-999:hover{color:#999; text-decoration:none;}
.link-blue {/* 例：链接蓝 */
	color: #3a6af0;}
	a.link-blue:link{color:#3a6af0; text-decoration:none;}
	a.link-blue:visited{color:#3a6af0; text-decoration:none;}
	a.link-blue:hover{color:#3a6af0; text-decoration:underline;}
.color-red{
	color: #ff5252;}
a.color-red:link{color:#ff5252; text-decoration:none;}
a.color-red:visited{color:#ff5252; text-decoration:none;}
a.color-red:hover{color:#ff5252; text-decoration:underline;}

/* 透明样式 */
.opacity {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*1像素线*/
.line-px1{
	height: 1px;
	width: 100%;
	background: #efefef;
}
/** 展开收起图标**/
.icon-down, .icon-up,.icon-down--white{
	width: 11px;
	height: 6px;
	display: inline-block;
	background: url("../../images/common/icon-common.png") no-repeat;
	cursor: pointer;
	position: relative;
	top: -1px;
}
.icon-down--white{
	background: url("../../images/common/icon-down-white.png") no-repeat;
}
.icon-up{
	background-position: 0 0;
}
.icon-down{
	background-position: 0 -11px;
}
/** 展开收起图标 end**/


/** common start **/
body{
	font-size: 14px;
}
h1.title{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
h2.title{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
a.more{
	color: #909297;
	font-size: 14px;
	text-decoration: none;
}
a.more:hover,
a.more:active{
	color: #3a6af0;
	text-decoration: none;
}
.list li{
	color: #333333;
	padding: 6px 0;
	font-size: 14px;
}
.square-icon{
	background: #cacaca;
	width: 5px;
	height: 5px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 8px;
}
.line-one{
	height: 1px;
	width: 100%;
	background: #efefef;
}
.bg-f5f5f5{
	background-color: #f5f5f5;
}
.bg-ffffff{
	background-color: #ffffff;
}
/** common end **/
/*弹窗样式 start*/
.icon-tip{
	background: url("../../images/common/icon-warn.png") no-repeat;
	background-position: 0 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: relative;
}
/*弹窗样式 end*/

/*按钮置灰*/
button.btn-disabled,
a.btn-disabled{
	background: #f6f6f6;
	border: solid 1px #dcdde0;
	color: #565656;
	cursor: context-menu;
}
button.btn-disabled:hover,
a.btn-disabled:hover{
	color: #565656;
}
/*按钮置灰 end*/
/*核心供图标*/
.core-icon{
	display: inline-block;
	width: 21px;
	height: 22px;
	background: url("../../images/common/core.png") no-repeat;
}
.core-icon--light{
	background-position: 0 0;
}
.core-icon--gray{
	background-position: 0 -28px;
}
/*核心供图标 end*/
/*翻页样式覆盖*/
.layui-laypage a, .layui-laypage span{
	padding: 0 12px;
	margin: 0 5px 5px 0;
	color: #888888;
	background-color: #fbfbfc;
	border-radius: 2px;
}
.layui-laypage a:hover{
	border: solid 1px #3a6af0;
	color: #3a6af0;
	background: #ffffff;
}
.layui-laypage span.layui-laypage-skip, .layui-laypage span.layui-laypage-count{
	background: none;
}
.layui-laypage a.layui-disabled:hover{
	border: 1px solid #e2e2e2;
	color: #888888;
	background-color: #fbfbfc;
}
.layui-laypage button{
	background-color: #fbfbfc;
	color: #888888;
}
/*翻页样式覆盖 end*/

/*面包屑链接悬浮颜色覆盖 start*/
.layui-breadcrumb a:hover{
	color: #3a6af0!important;
}
/*面包屑链接悬浮颜色覆盖 end*/

.link-download-blue {/* 例：链接-文件下载-蓝 */
	color: #2179fe;}
a.link-blue:link{color:#2179fe; text-decoration:none;}
a.link-blue:visited{color:#2179fe; text-decoration:none;}
a.link-blue:hover{color:#2179fe; text-decoration:underline;}
.link-refresh-blue {/* 例：链接-换一换-蓝 */
	color: #538bfa;}
a.link-blue:link{color:#538bfa; text-decoration:none;}
a.link-blue:visited{color:#538bfa; text-decoration:none;}
a.link-blue:hover{color:#538bfa; text-decoration:underline;}


/*弹窗样式 end*/

/*蓝色小问号-背景色白色Icon start*/
.icon-tip-question-mark-bg-fff{
	background: url("../../images/common/icon-warn.png") no-repeat;
	background-position: -35px -40px;
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
}
/*蓝色小问号Icon end*/